<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorator="mobile/fragments/index">
<head>
    <meta charset="UTF-8"/>
    <title>收藏服务</title>
    <link type="text/css" rel="stylesheet" th:href="@{/static/mobile/css/schedule/entity.css}"/>
</head>
<body th:fragment="content" th:remove="tag">
<div class="mui-card">
    <div class="mui-card-content custom-row">
        <form class="mui-input-row mui-search" method="post">
            <div class="custom-search">
                <input type="text" name="name" id="custom-search-input" th:value="${name}" placeholder="请输入服务名称"/>
                <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
                <span class="custom-search-span"></span>
            </div>
        </form>
    </div>
</div>
<div class="mui-card">
    <div class="mui-card-content">
        <ul class="mui-table-view">
            <li class="mui-table-view-cell mui-media" th:each="list:${dataList}">
                <a th:href="${'/uc/service/entity/'+list.id}" class="mui-navigate-right custom-navigate-right">
                    <img class="mui-media-object mui-pull-left" th:src="${list.fwtp}"/>
                    <div class="mui-media-body">
                        <span th:text="${list.name}"></span>
                        <p class='mui-ellipsis custom-p' th:text="${list.fwlxFmt+' / '+list.fwdxName+' / '+list.cjsfFmt}"></p>
                    </div>
                </a>
                <button type="button" th:content="${list.id}" class="mui-btn mui-btn-danger mui-btn-outlined">取消收藏</button>
            </li>
        </ul>
    </div>
</div>
<script type="text/javascript" th:src="@{/static/mobile/js/server/index.min.js}"></script>
</body>
</html>